<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./element-ui/lib/theme-chalk/index.css">
    <script src="./element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/global.css">
</head>

<body>
    <div id="app">


        <el-container>
            <el-header direction="horizontal" style="height: 5vh;">
                <el-row>
                    <el-col offset="22" :span="1">
                        <el-button type="">发布</el-button>
                    </el-col>
                    <el-col :span="1">
                        <el-avatar :src="circleUrl"></el-avatar>
                    </el-col>
                </el-row>
            </el-header>
            <el-main style="height:95vh">
                <el-card class="box-card">
                    <div slot="header" class="clearfix">
                        <span>文章草稿(<span>1</span>)</span>
                    </div>
                    <div v-for="o in 4">
                        <div>
                            <el-link href="" target="_blanck">
                                历尽千辛万苦，终于弄懂mysql的配置
                            </el-link>
                        </div>
                        <div>
                            <span>2024年7月16日17：07</span>
                            <span>
                                <el-dropdown>
                                    <span class="el-dropdown-link">
                                        <i class="el-icon-more"></i>
                                    </span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item>编辑</el-dropdown-item>
                                        <el-dropdown-item>删除</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>
                            </span>
                        </div>
                        <div>
                            <el-divider direction="horizontal"></el-divider>
                        </div>
                    </div>
                </el-card>
            </el-main>
        </el-container>
    </div>
</body>
<script src="./js/draftbox.js"></script>

</html>